<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ page import="be.ac.ua.ecampus.uacmat.entity.*" %>
<%@ page import="be.ac.ua.ecampus.uacmat.*" %>
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Course Material
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="my.css" />
        <style>
            /* App custom styles */
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
        </script>
    </head>

<body>
<!-- Home (Search) -->
        <div data-role="page" id="home">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h1>
                    Course Material
                </h1>
                <div data-role="navbar" data-iconpos="left">
                    <ul>
                        <li>
                            <a href="/uacmat20/index.jsp" data-theme="b" data-icon="search">
                                Search
                            </a>
                        </li>
                        <li>
                            <a href="/uacmat20/browse.jsp" data-theme="a" data-icon="grid">
                                Browse
                            </a>
                        </li>
                        <li>
                            <a href="/uacmat20/about.jsp" data-theme="a" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div data-role="content">
                <form name="searchform" action="search" method="get">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput1">
                            </label>
                            <input id="textinput1" name="search" placeholder="Search..." value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-type="vertical">
                            <legend>
                            </legend>
                            <input name="resultgroup" id="radio1" value="all" type="radio" checked/>
                            <label for="radio1">
                                Everything
                            </label>
                            <input name="resultgroup" id="radio2" value="syllabuses" type="radio" />
                            <label for="radio2">
                                Syllabuses
                            </label>
                            <input name="resultgroup" id="radio3" value="courses" type="radio" />
                            <label for="radio3">
                                Courses
                            </label>
                            <input name="resultgroup" id="radio4" value="programs" type="radio" />
                            <label for="radio4">
                                Programs
                            </label>
                            <input name="resultgroup" id="radio5" value="packets" type="radio" />
                            <label for="radio5">
                                Packets
                            </label>
                        </fieldset>
                    </div>
                    <input data-theme="a" data-icon="search" data-iconpos="left" value="Search" type="submit" />
                </form>
            </div>
        </div>
</body>
</html>